<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>摄影</title>
    <link rel="stylesheet" href="./css/animate.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/about.css">
</head>

<body>
    <div class="header">
        <div class="logo">
            <a href="index.html">
                <img src="http://www.bufantec.com/site/sheying/images/logo.png" alt="">
            </a>
        </div>
        <ul class="nav-list">
            <li class="nav-item">
                <a href="index.html">
                    首页
                </a>
                <span></span>
            </li>
            <li class="nav-item active">
                <a href="about.html">
                    关于
                </a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="photo.html">
                    摄影
                </a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="news.html">
                    新闻
                </a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="contact.html">
                    联系
                </a>
                <span></span>
            </li>
            <li class="nav-item search">
                <img class="cursor" src="http://www.bufantec.com/site/sheying/images/search.png" alt="">
            </li>
        </ul>

    </div>

    <div class="header-m">
        <div class="logo">
            <img src="http://www.bufantec.com/site/sheying/images/logo.png" alt="">
        </div>
        <div class="open-btn">
            <span class="line one"></span>
            <span class="line two"></span>
            <span class="line three"></span>
        </div>

        <ul class="list">
            <li class="item">
            </li>
            <li class="item">
                <a href="index.html">首页</a>
            </li>
            <li class="item">
                <a href="about.html">关于</a>
            </li>
            <li class="item">
                <a href="news.html">新闻</a>
            </li>
            <li class="item">
                <a href="photo.html">摄影</a>
            </li>
            <li class="item">
                <a href="contact.html">联系</a>
            </li>
        </ul>
    </div>

    <div class="about">
        <ul class="list">
            <li class="item">
                <span class="title-en">ABOUT&nbsp&nbspUS</span>
                <span class="title-cn">关于我们</span>
            </li>
            <li class="item">
            </li>
            <li class="item">
                <div class="top-box">
                    <h1>WESTON</h1>
                    <p class="top-text-cn">已经有超过五百万的摄影爱好者入驻了WESTON
                        在这里，发现基于共同兴趣的同好，鼓励原创和分享精神
                        除了美好的摄影和技能，我们更在意影像背后价值观的认同</p>
                    <p class="top-text-en">
                        MORE THAN FIVE MILLION PHOTOGRAPHERS HAVE SETTLED IN WESTON
                        HERE, I FOUND THAT BASED ON COMMON INTERESTS, ENCOURAGE ORIGINALITY AND SHARING SPIRIT.
                    </p>
                </div>
                <div class="bottom-box">
                    <img src="http://www.bufantec.com/site/sheying/images/about2.jpg" alt="">
                    <div class="text-holder">
                        <p class="bottom-text-cn">我们一直在制作美丽的网站</p>
                        <p class="bottom-text-en">
                            WE'VE BEEN CRAFTING BEAUTIFUL WEBSITES, LAUNCHING STUNNING
                            BRANDS AND MAKING CLIENTS HAPPY FOR YEARS.QUISQUE EUISMOD LOBORTIS ALIQUAM.
                        </p>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    
    <script src="./js/jquery-3.5.1.js"></script>
    <script src="./js/common.js"></script>
</body>

</html>